<template>
    <div class="row">
		<div class="conversation-wrap col-lg-3">
			<div class="media conversation">
		    	<a class="pull-left" href="#">
		      		<img class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 50px; height: 50px;" src="../img/01.jpg">
		    	</a>
				<div class="media-body">
					<h5 class="media-heading">Naimish Sakhpara</h5>
		                <small>Hello</small>
		        </div>
		    </div>
			<div class="media conversation">
		    	<a class="pull-left" href="#">
		      		<img class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 50px; height: 50px;" src="../img/01.jpg">
		    	</a>
				<div class="media-body">
					<h5 class="media-heading">Naimish Sakhpara</h5>
		                <small>Hello</small>
		        </div>
		    </div>   
		</div>

                 <div class="message-wrap col-lg-8">
		            <div class="msg-wrap">
		                <div class="media msg">
		                    <a class="pull-left" href="#">
		                        <img class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 32px; height: 32px;" src="../img/01.jpg">
		                    </a>
		                    <div class="media-body">
		                        <small class="pull-right time"><i class="fa fa-clock-o"></i> 12:10am</small>
		                        <h5 class="media-heading">Naimish Sakhpara</h5>
		                        <small class="col-lg-10">Location H-2, Ayojan Nagar, Near Gate-3, Near
		                            Shreyas Crossing Dharnidhar Derasar,
		                            Paldi, Ahmedabad 380007, Ahmedabad,
		                            India
		                            Phone 091 37 669307
		                            Email aapamdavad.district@gmail.com</small>
		                    </div>
		                </div>
		                <div class="alert alert-info msg-date">
		                    <strong>Today</strong>
		                </div>
		
		            </div>
		
		            <div class="send-wrap ">		
		                <textarea class="form-control send-message" rows="3" placeholder="Write a reply..."></textarea>
		
		
		            </div>
		            <div class="btn-panel">
		                <a href="" class=" col-lg-3 btn   send-message-btn " role="button"><i class="fa fa-cloud-upload"></i> Add Files</a>
		                <a href="" class=" col-lg-4 text-right btn   send-message-btn pull-right" role="button"><i class="fa fa-plus"></i> Send Message</a>
		            </div>
		        </div>
    </div>
</template>

<script>
    export default {
        name: 'Chatroom'
    }
</script>

<style src="../css/chatroom.css" scoped></style>